<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>峰峰物流网后台管理系统</title>
<link rel="stylesheet" href="css/screen.css" type="text/css" media="screen" title="default" />
<!--[if IE]>
<link rel="stylesheet" media="all" type="text/css" href="css/pro_dropline_ie.css" />
<![endif]-->
<link rel="stylesheet" type="text/css" href="../js/easyui/themes/default/easyui.css" />
<link rel="stylesheet" type="text/css" href="../js/easyui/themes/icon.css" />

<!--  jquery core -->
<script src="js/jquery/jquery-1.4.1.min.js" type="text/javascript"></script>
<script type="text/javascript" src="../js/easyui/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="../js/easyui/jquery.easyui.min.js"></script>
<!--  checkbox styling script -->
<script src="js/jquery/ui.core.js" type="text/javascript"></script>
<script src="js/jquery/ui.checkbox.js" type="text/javascript"></script>
<script src="js/jquery/jquery.bind.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
	$('input').checkBox();
	$('#toggle-all').click(function(){
 	$('#toggle-all').toggleClass('toggle-checked');
	$('#mainform input[type=checkbox]').checkBox('toggle');
	return false;
	});
});
</script>

<![if !IE 7]>

<!--  styled select box script version 1 -->
<script src="js/jquery/jquery.selectbox-0.5.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
	$('.styledselect').selectbox({ inputClass: "selectbox_styled" });
});
</script>


<![endif]>

<!--  styled select box script version 2 -->
<script src="js/jquery/jquery.selectbox-0.5_style_2.js" type="text/javascript"></script>
<script type="text/javascript">
</script>

<!--  styled select box script version 3 -->
<script src="js/jquery/jquery.selectbox-0.5_style_2.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
	$('.styledselect_pages').selectbox({ inputClass: "styledselect_pages" });
});
</script>

<!--  styled file upload script -->
<script src="js/jquery/jquery.filestyle.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
  $(function() {
      $("input.file_1").filestyle({
          image: "images/forms/choose-file.gif",
          imageheight : 21,
          imagewidth : 78,
          width : 310
      });
  });


</script>

<!-- Custom jquery scripts -->
<script src="js/jquery/custom_jquery.js" type="text/javascript"></script>

<!-- Tooltips -->
<script src="js/jquery/jquery.tooltip.js" type="text/javascript"></script>
<script src="js/jquery/jquery.dimensions.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
	$('a.info-tooltip ').tooltip({
		track: true,
		delay: 0,
		fixPNG: true,
		showURL: false,
		showBody: " - ",
		top: -35,
		left: 5
	});
});
</script>


<!--  date picker script -->
<link rel="stylesheet" href="css/datePicker.css" type="text/css" />
<script src="js/jquery/date.js" type="text/javascript"></script>
<script src="js/jquery/jquery.datePicker.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
        $(function()
{

// initialise the "Select date" link
$('#date-pick')
	.datePicker(
		// associate the link with a date picker
		{
			createButton:false,
			startDate:'01/01/2005',
			endDate:'31/12/2020'
		}
	).bind(
		// when the link is clicked display the date picker
		'click',
		function()
		{
			updateSelects($(this).dpGetSelected()[0]);
			$(this).dpDisplay();
			return false;
		}
	).bind(
		// when a date is selected update the SELECTs
		'dateSelected',
		function(e, selectedDate, $td, state)
		{
			updateSelects(selectedDate);
		}
	).bind(
		'dpClosed',
		function(e, selected)
		{
			updateSelects(selected[0]);
		}
	);

var updateSelects = function (selectedDate)
{
	var selectedDate = new Date(selectedDate);
	$('#d option[value=' + selectedDate.getDate() + ']').attr('selected', 'selected');
	$('#m option[value=' + (selectedDate.getMonth()+1) + ']').attr('selected', 'selected');
	$('#y option[value=' + (selectedDate.getFullYear()) + ']').attr('selected', 'selected');
}
// listen for when the selects are changed and update the picker
$('#d, #m, #y')
	.bind(
		'change',
		function()
		{
			var d = new Date(
						$('#y').val(),
						$('#m').val()-1,
						$('#d').val()
					);
			$('#date-pick').dpSetSelected(d.asString());
		}
	);

// default the position of the selects to today
var today = new Date();
updateSelects(today.getTime());

// and update the datePicker to reflect it...
$('#d').trigger('change');
});
</script>

<!-- MUST BE THE LAST SCRIPT IN <HEAD></HEAD></HEAD> png fix -->
<script src="js/jquery/jquery.pngFix.pack.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$(document).pngFix( );
$('.error-left').hide();
$('.error-inner').hide();
$("#message-red").hide();

//inp-form-error

});

function check(obj){
	var title =  obj.value;
	if(""==title){
		if(obj.name.indexOf("from")!=-1){
			$('#from_err_1').fadeIn();
			$('#from_err_2').fadeIn();
			obj.className = "inp-form-error";
			$('.form-submit').attr('disabled',true);
			return false;
		}
		if(obj.name.indexOf("to")!=-1){
			$('#to_err_1').fadeIn();
			$('#to_err_2').fadeIn();
			obj.className = "inp-form-error";
			$('.form-submit').attr('disabled',true);
			return false;
		}
		if(obj.name.indexOf("cotents")!=-1){
			$('#cont_err_1').fadeIn();
			$('#cont_err_2').fadeIn();
			obj.className = "inp-form-error";
			$('.form-submit').attr('disabled',true);
			return false;
		}
	}else{
		obj.className = "inp-form";
		$('.form-submit').attr('disabled',true);
		if(obj.name.indexOf("from")!=-1){
			$('#from_err_1').fadeOut();
			$('#from_err_2').fadeOut();
		}
		if(obj.name.indexOf("to")!=-1){
			$('#to_err_1').fadeOut();
			$('#to_err_2').fadeOut();
			ps6YS8kf4kK6
		}
		if(obj.name.indexOf("cotents")!=-1){
			$('#cont_err_1').fadeOut();
			$('#cont_err_2').fadeOut();
		}
		/* $.post("wordAction!checkExist?word.title="+title+"", function(result) {
			if(result.status=="one"){
				$("#message-red").show();
				$('.form-submit').attr('disabled',true);
				return false;
			}
			else{
				$("#message-red").fadeOut();
				$('.form-submit').attr('disabled',false);
			}
		}); */
	}
}

function doSubmit(){
	$.ajax({
             url:'wordAction!addWord.action',
             type :'post',
             data:{
             	"word.title": $("input[name='word.title']").val(),
             	"word.content" : document.getElementById("word.content").value,
				"word.username" : $("input[name='word.username']").val()
			 },
             success:function(){
	             	alert("添加成功");
	             	window.location="messagemaintain.html";
    	     }
    });
}

function getType(){
	var type = $('#sertype').find("option:selected").val();
	$('#carnosel').clear;
	$.post("carsAction!bindSelect?cars.type="+type+"", function(result) {
		var temp = result.substring(1,result.length-1);
		var res = temp.split(",");
		for(var i=0;i<res.length;i++){
			$('#carnosel').append(("<option value='" + res[i] + "'>" + res[i] + "</option>"));
		}
	});

}

</script>
</head>
<body>
<!-- Start: page-top-outer -->
<div id="page-top-outer">

<!-- Start: page-top -->
<div id="page-top">

	<!-- start logo -->
	<div id="logo">
	<a href=""><img src="images/shared/logo.png" width="156" height="40" alt="" /></a>
	</div>
	<!-- end logo -->

 	<div class="clear"></div>

</div>
<!-- End: page-top -->

</div>
<!-- End: page-top-outer -->

<div class="clear">&nbsp;</div>

<!--  start nav-outer-repeat................................................................................................. START -->
<div class="nav-outer-repeat">
<!--  start nav-outer -->
<div class="nav-outer">

		<!-- start nav-right -->
		<div id="nav-right">

			<div class="nav-divider">&nbsp;</div>
			<div class="showhide-account"><img src="images/shared/nav/nav_myaccount.gif" width="93" height="14" alt="" /></div>
			<div class="nav-divider">&nbsp;</div>
			<a href="" id="logout"><img src="images/shared/nav/nav_logout.gif" width="64" height="14" alt="" /></a>
			<div class="clear">&nbsp;</div>

			<!--  start account-content -->
			<div class="account-content">
			<div class="account-drop-inner">
				<a href="" id="acc-settings">修改密码</a>
				<div class="clear">&nbsp;</div>
			</div>
			</div>
			<!--  end account-content -->

		</div>
		<!-- end nav-right -->


		<!--  start nav -->
		<div class="nav">
		<div class="table">


		<ul class="current"><li><a href="#nogo"><b>系统管理</b><!--[if IE 7]><!--></a><!--<![endif]-->
		<!--[if lte IE 6]><table><tr><td><![endif]-->
		<div class="select_sub show">
			<ul class="sub">
				<li><a href="#nogo">公告栏维护</a></li>
				<li class="sub_show"><a href="#nogo">留言板维护</a></li>
			</ul>
		</div>
		<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>
		</ul>

		<div class="nav-divider">&nbsp;</div>

		<ul class="select"><li><a href="#nogo"><b>订单管理</b><!--[if IE 7]><!--></a><!--<![endif]-->
		<!--[if lte IE 6]><table><tr><td><![endif]-->
		<div class="select_sub">
			<ul class="sub">
				<li><a href="#nogo">订单信息维护</a></li>
				<li><a href="#nogo">订单生成</a></li>
			</ul>
		</div>
		<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>
		</ul>

		<div class="nav-divider">&nbsp;</div>

		<ul class="select"><li><a href="#nogo"><b>信息管理</b><!--[if IE 7]><!--></a><!--<![endif]-->
		<!--[if lte IE 6]><table><tr><td><![endif]-->
		<div class="select_sub">
			<ul class="sub">
				<li><a href="#nogo">车辆信息维护</a></li>
				<li><a href="#nogo">顾客信息维护</a></li>
				<li><a href="#nogo">司机信息维护</a></li>
			</ul>
		</div>
		<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>
		</ul>

		<div class="nav-divider">&nbsp;</div>

		<ul class="select"><li><a href="#nogo"><b>主页管理</b><!--[if IE 7]><!--></a><!--<![endif]-->
		<!--[if lte IE 6]><table><tr><td><![endif]-->
		<div class="select_sub">
			<ul class="sub">
				<li><a href="#nogo">欢迎语维护</a></li>
				<li><a href="#nogo">企业信息维护</a></li>
			</ul>
		</div>
		<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>
		</ul>


		<div class="clear"></div>
		</div>
		<div class="clear"></div>
		</div>
		<!--  start nav -->

</div>
<div class="clear"></div>
<!--  start nav-outer -->
</div>
<!--  start nav-outer-repeat................................................... END -->

  <div class="clear"></div>

<!-- start content-outer ........................................................................................................................START -->
<div id="content-outer">
<!-- start content -->
<div id="content">


	<table border="0" width="100%" cellpadding="0" cellspacing="0" id="content-table">
	<tr>
		<th rowspan="3" class="sized"><img src="images/shared/side_shadowleft.jpg" width="20" height="300" alt="" /></th>
		<th class="topleft"></th>
		<td id="tbl-border-top">&nbsp;</td>
		<th class="topright"></th>
		<th rowspan="3" class="sized"><img src="images/shared/side_shadowright.jpg" width="20" height="300" alt="" /></th>
	</tr>
	<tr>
		<td id="tbl-border-left"></td>
		<td>
		<!--  start content-table-inner ...................................................................... START -->
		<div id="content-table-inner">
			<!--  start table-content  -->
			<div id="table-content">

			<h3>添加留言信息</h3>
			<form id="form" action="wordAction!addWord" method="post">
			<table border="0" cellpadding="0" cellspacing="0"  id="id-form">
			<tr>
			<th valign="top">服务范围:</th>
			<td>
			<select  class="styledselect_form_3" id="sertype" onblur="getType()">
				<option value="">--请选择--</option>
				<option value="SN">省内</option>
				<option value="SW">省外</option>
				<option value="GJ">国际</option>
			</select>
			</td>
			<td></td>
			</tr>
			<tr>
			<th valign="top">发货地:</th>
			<td><input type="text" class="inp-form" name="order.fromarea" id="order.fromarea" onblur="check(this)"/></td>
			<td>
			<div class="error-left" id="from_err_1"></div>
			<div class="error-inner" id="from_err_2">*此处为必填项.</div>
			</td>
			</tr>
			<tr>
			<th valign="top">收货地:</th>
			<td><input type="text" class="inp-form" name="order.toarea" onblur="check(this)"/></td>
			<td>
			<div class="error-left" id="to_err_1"></div>
			<div class="error-inner" id="to_err_2">*此处为必填项.</div>
			</td>
			</tr>
			<tr>
			<th valign="top">货物内容:</th>
			<td><input type="text" class="inp-form" name="order.cotents" onblur="check(this)"/></td>
			<td>
			<div class="error-left" id="cont_err_1"></div>
			<div class="error-inner" id="cont_err_2">*此处为必填项.</div>
			</td>
			</tr>
			<tr>
			<th valign="top">货车编号:</th>
			<td>
			<select  class="styledselect_form_3" name="order.carno" id="carnosel">
				<option value="">--请选择--</option>
			</select>
			</td>
			<td></td>
			</tr>
			<tr>
				<th>&nbsp;</th>
				<td valign="top">
					<input type="button" value="" class="form-submit" onclick="doSubmit()"/>
					<input type="reset" value="" class="form-reset"  />
				</td>
				<td></td>
			</tr>
			</table>
			</form>
			<!-- end id-form  -->
			</div>
			<!--  end table-content  -->

			<div class="clear"></div>

		</div>
		<!--  end content-table-inner ............................................END  -->
		</td>
		<td id="tbl-border-right"></td>
	</tr>
	<tr>
		<th class="sized bottomleft"></th>
		<td id="tbl-border-bottom">&nbsp;</td>
		<th class="sized bottomright">q</th>
	</tr>
	</table>
	<div class="clear">&nbsp;</div>

</div>
<!--  end content -->
<div class="clear">&nbsp;</div>
</div>
<!--  end content-outer........................................................END -->

<div class="clear">&nbsp;</div>

<!-- start footer -->
<div id="footer">
<!-- <div id="footer-pad">&nbsp;</div> -->
	<!--  start footer-left -->
	<div id="footer-left">
	 Copyright for &copy; fengfeng.com All rights reserved.</div>
	<!--  end footer-left -->
	<div class="clear">&nbsp;</div>
</div>
<!-- end footer -->

</body>
</html>